<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta content="telephone=no,email=no,address=no" name="format-detection">
	<link rel="stylesheet" href="${ctxWebStatic}/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${ctxWebStatic}/css/font-awesome.min.css" />
	<link rel="stylesheet" href="${ctxWebStatic}/css/reset.css" />
	<link rel="stylesheet" href="${ctxWebStatic}/css/index.css" />
	<script type="text/javascript" src="${ctxWebStatic}/js/jquery-1.11.1.min.js" ></script>
	<script type="text/javascript" src="${ctxWebStatic}/js/bootstrap.min.js" ></script>
	<script type="text/javascript" src="${ctxWebStatic}/js/placeholdr.js" ></script>
	<script type="text/javascript" src="${ctxWebStatic}/js/detail.js" ></script>
	<script type="text/javascript" src="${ctxWebStatic}/js/swiper.jquery.min.js" ></script>
	<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js 

"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js 

"></script>
    <![endif]-->
    <!--[if IE 9]>
			<style>
	      	.hy1,.hy{background-image:none;}
	      	.parts_search_right .form-control{padding:0;}
	      </style>
		<![endif]-->
		
	
	

<script>
	$(function(){
	    var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        paginationClickable: true,
	        autoplay:3000
	    });
	    $(".goods_tab_title li").click(function(){
	    	$(".goods_tab_title li").removeClass("on");
	    	$(this).addClass("on");
	    	showIndex=$(this).index();
	    	$(".goods_tab_item").hide();
	    	$(".goods_tab_item").eq(showIndex).show();	
	    });
		var html=$("#goods_introduce_html").val();
		//var reg = new RegExp("a/sys/file/getFile","g");//g,表示全部替换
		//html = html.replace(reg,'f/sys/file/getFile');
		$(".goods_introduce_info").html(html);
	    /* if($.cookie('lastGoodCode1')!=null){
		    $('#lastGoodPrice1').text("¥"+$.cookie('lastGoodPrice1'));
		    $('#lastGoodCode1').attr('href',"${ctxWeb}/goodsDetail/list?goodsCode="+$.cookie('lastGoodCode1'));
		    $('#lastGoodImg1').attr('src',$.cookie('lastGoodImg1'));
		    $('#lastGoodName1').text($.cookie('lastGoodName1'));
	    }
	    if($.cookie('lastGoodCode2')!=null){
		    $('#lastGoodPrice2').text("¥"+$.cookie('lastGoodPrice2'));
		    $('#lastGoodCode2').attr('href',"${ctxWeb}/goodsDetail/list?goodsCode="+$.cookie('lastGoodCode2'));
		    $('#lastGoodImg2').attr('src',$.cookie('lastGoodImg2'));
		    $('#lastGoodName2').text($.cookie('lastGoodName2'));
	    }
	    if($.cookie('lastGoodCode3')!=null){
		    $('#lastGoodPrice3').text("¥"+$.cookie('lastGoodPrice3'));
		    $('#lastGoodCode3').attr('href',"${ctxWeb}/goodsDetail/list?goodsCode="+$.cookie('lastGoodCode3'));
		    $('#lastGoodImg3').attr('src',$.cookie('lastGoodImg3'));
		    $('#lastGoodName3').text($.cookie('lastGoodName3'));
	    	
	    }
	    if($.cookie('lastGoodCode4')!=null){
		    $('#lastGoodPrice4').text("¥"+$.cookie('lastGoodPrice4'));
		    $('#lastGoodCode4').attr('href',"${ctxWeb}/goodsDetail/list?goodsCode="+$.cookie('lastGoodCode4'));
		    $('#lastGoodImg4').attr('src',$.cookie('lastGoodImg4'));
		    $('#lastGoodName4').text($.cookie('lastGoodName4'));
	    }
	     */
	    
	    //$('#video').attr("src","${ctxWebStatic}/3gW5WJV6G02qdgIxlp0@@hd.mp4");
	    $("#video").attr("autoplay","autoplay");
	    
	   
	   // document.write(returnCitySN["cip"]+','+returnCitySN["cname"])  
	    
	})
	
	
	$(document).ready(function(){
		var imgLength=	$('#showbox').find('img').length;
	  	var showproduct = {
			"boxid":"showbox",
			"sumid":"showsum",
			"boxw":428,//宽度,该版本中请把宽高填写成一样
			"boxh":428,//高度,该版本中请把宽高填写成一样
			"sumw":74,//列表每个宽度,该版本中请把宽高填写成一样
			"sumh":74,//列表每个高度,该版本中请把宽高填写成一样
			"sumi":14,//列表间隔
			"sums":imgLength,//列表显示个数
			"sumsel":"sel",
			"sumborder":0,//列表边框，没有边框填写0，边框在css中修改
			"lastid":"showlast",
			"nextid":"shownext"
			};//参数定义	  
	 $.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
	 
  });
    </script>
</head>
<body >
	<ul class="nav nav-tabs">
		<li><a href="${tagUrl}">${tagName}</a></li>
		<li class="active"><a href="avascript:void(0)">商品详情</a></li>
	</ul>
	<!--pc商品详情-->
	<div class="goods_detail_box">
		<div class="container">
			<div class="row">
				<div class="detail_box  clearfix">
					<!--左边-->
					<div class="detail_left">
						<div id="showbox">
							<c:if test="${not empty goodsDetail.imgList}">
								<c:forEach items="${goodsDetail.imgList}" var="imgList">
<<<<<<< .mine
									 <img src="${imgList}" width="418" height="418" />
=======
									 <img src="${ctx}/sys/file/getImg?filePath=${imgList}" width="418" height="418" />
>>>>>>> .r6837
								</c:forEach>
							</c:if> 
						</div>
						<!--展示图片盒子-->
						<div id="showsum" style='margin-left: -39px;'></div>
						<!--展示图片里边-->
					</div>
					<!--左边结束-->
					<!--右边开始-->
					<div class="detail_right">
						<div class="msg_info">
							<p class="msg_title noWrapEllipsis">${goodsDetail.cnName}</p>
							<p class="msg_seller">
								<span>制造商：${goodsDetail.venderName}</span>
							</p>
							<p class="msg_price">
								<b>配件编号：</b><span>${goodsDetail.partCode}</span>
							</p>
						</div>
								<div class="sum_over">
									<p class="sum_Member">
										<b>会员价</b> 
										<span class="color_red">
											¥ ${goodsDetail.vipPrice}
										</span>
									</p>
									<p class="sum_oldprice">
										<b>标价</b> <span class="gry">¥ ${goodsDetail.price}</span>
									</p>
									<p class="sum_active">
										<!-- <b>活动</b> <span class="color_red">升级全会员，全场满1000免邮费</span> -->
									</p>
								</div>
							
						<div class="msg_address">
							<p>
								
							</p>
							<p>
								
							</p>
						</div>
						<div class="jion_btn">
							
						</div>
					</div>
					<!--右边结束-->
				</div>
			</div>
		</div>
	</div>
	<!--pc商品详情结束-->
	<!--商品详情列表-->
	<div class="goods_list_box">
		<div class="container">
			<div class="row">
				<div class="col-sm-9 pad0">
					<div class="goods_tab_box">
						<div class="goods_tab_title">
							<ul class="clearfix">
								<li class="on"><a href="javascript:void(0)">商品详情</a></li>
								<li><a href="javascript:void(0)">适用车型</a></li>
								<li><a href="javascript:void(0)">售后服务</a></li>
							</ul>
						</div>
						<div class="goods_tab_list">
							<div class="goods_tab_item">
								<c:if test="${goodsDetail.videoUrl!=null&&goodsDetail.videoUrl!=''}">
									<video width="100%" controls="controls" id="video">
<<<<<<< .mine
							  			<source src="/jpBusinessVideo/${goodsDetail.videoUrl}" type="video/mp4" preload="none">
=======
							  			<source src="${ctx}/sys/file/getImg?filePath=/jpBusinessVideo/${goodsDetail.videoUrl}" type="video/mp4" preload="none">
>>>>>>> .r6837
									</video>
								</c:if>
								<input type="hidden" id="goods_introduce_html" value="${goodsDetail.goodsIntroduce}"/>
								<div class="goods_introduce_info">
											
								</div>
								<p>
									<c:forEach items="${goodsDetail.detailImgList}" var="bean">
<<<<<<< .mine
									 	<img src="${bean}" alt="" />
=======
									 	<img src="${ctx}/sys/file/getImg?filePath=${bean}" alt="" />
>>>>>>> .r6837
									</c:forEach>
								</p>
								
							</div>
							<div class="goods_tab_item" style="display: none;">
									<c:forEach items="${goodsDetail.carList}" var="carList">
										<p>${carList}</p>
									</c:forEach>
							</div>
							<div class="goods_tab_item" style="display: none;">
								<p>
									<c:forEach items="${goodsDetail.serviceImgList}" var="bean">
<<<<<<< .mine
									 	<img src="${bean}" alt="" />
=======
									 	<img src="${ctx}/sys/file/getImg?filePath=${bean}" alt="" />
>>>>>>> .r6837
									</c:forEach>
									
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-3 pad20">
					
				</div>
			</div>
		</div>
	</div>
	<!--商品详情列表切换-->
</body>



</html>
